/* 颜色变量 */

/* 行为相关颜色 */
$uni-color-primary: #00C759;

/* 文字基本颜色 */
$uni-text-color:#333;//基本色
$uni-text-color-inverse:#fff;//反色
$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;

/* 背景颜色 */
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

/* 边框颜色 */
$uni-border-color:#c8c7cc;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm:24rpx;
$uni-font-size-base:28rpx;
$uni-font-size-lg:32rpx;

/* 图片尺寸 */
$uni-img-size-sm:40rpx;
$uni-img-size-base:52rpx;
$uni-img-size-lg:80rpx;

/* Border Radius */
$uni-border-radius-sm: 4rpx;
$uni-border-radius-base: 6rpx;
$uni-border-radius-lg: 12rpx;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 10px;
$uni-spacing-row-base: 20rpx;
$uni-spacing-row-lg: 30rpx;

/* 垂直间距 */
$uni-spacing-col-sm: 8rpx;
$uni-spacing-col-base: 16rpx;
$uni-spacing-col-lg: 24rpx;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

// 省略一行
@mixin oneLine() {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

// 省略多行,传入参数为超出多少行省略
@mixin moreLine($line) {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $line;
    -webkit-box-orient: vertical;
}

// 盒子单行居中显示
@mixin center() {
	display: flex;
    align-items: center;
    justify-content: center;
}

// 盒子垂直居中显示
@mixin verticalCenter() {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

// 盒子单行显示
@mixin custom($row,$column) {
	display: flex;
    align-items: $column;
    justify-content: $row;
}

// 文件file-item样式
@mixin file-li() {
    background: #fff;
    display: flex;
    height: 144rpx;
    align-items: center;
    justify-content: space-between;
    padding-left: 34rpx;
    padding-right: 30rpx;
    .file-li-main {
        display: flex;
        align-items: center;
        .fabu-status{
            width: 80rpx;
            height: 32rpx;
            line-height: 32rpx;
            border-radius: 4rpx;
            text-align: center;
            border: 2rpx solid #EAF0F6;
            font-size: 20rpx;
            font-family: PingFang-SC-Regular, PingFang-SC;
            font-weight: 400;
            color: #BDC6CF;
            // margin-bottom: 30rpx;
            margin-left: 20rpx;
        }
    }
    .icon-header {
        margin-right: 28rpx;
        display: inline-block;
        width: 64rpx;
        height: 64rpx;
    }
    .file-li-content {
        display: flex;
        flex-direction: column;
        max-width: 430rpx;
        >view:nth-child(1) {
            font-size: 28rpx;
            font-family: PingFang SC;
            font-weight: 400;
            color: rgba(28, 28, 28, 1);
            display: flex;
            align-items: center;
        }
        >view:nth-child(2) {
            font-size: 22rpx;
            font-family: PingFang SC;
            font-weight: 400;
            color: rgba(122, 131, 141, 1);
            margin-top: 6rpx;
        }
    }
    .icon-download {
        display: inline-block;
        width: 48rpx;
        height: 48rpx;
    }
    .icon-selected {
        display: inline-block;
        width: 48rpx;
        height: 48rpx;
    }
}

// 云盘空列表提示
@mixin cloud-empty-tips(){
    margin: 0 auto;
    width: 432rpx;
    height: 84rpx;
    font-size: 30rpx;
    font-family: PingFang-SC-Regular, PingFang-SC;
    font-weight: 400;
    color: #B1BBC6;
    line-height: 42rpx;
    text-align: center;
}

// 云盘相关特殊样式
@mixin cloud-body-style(){
    .empty-body{
        .tips{
            @include cloud-empty-tips();
        }
    }
    .search-bar{
        width: 462rpx;
        margin-left: 46rpx;
    }
}

// 资源空列表提示
@mixin resource-empty-tips(){
    font-size: 24rpx;
    font-family: PingFang-SC-Regular, PingFang-SC;
    font-weight: 400;
    color: #B3B8BD;
    margin: 82rpx  94rpx  0;
}

// 资源相关特殊样式
@mixin resource-body-style(){
    .empty-body{
        .tips{
            @include resource-empty-tips();
        }
    }
    .sl-filter{
        justify-content: space-between;
    }
    .search-bar{
        width: 504rpx;
    }
}

